﻿<%@ Page Language="VB" AutoEventWireup="false" CodeFile="TopTen.aspx.vb" Inherits="TopTen" %>

<%@ Register Src="~/UserCuntrols/footer.ascx" TagName="footer" TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Search</title>
    <link href="../App_Themes/myTheme/myTheme.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .style1
        {
            text-align: center;
            font-family: "Times New Roman" , Times, serif;
            color: #000000;
            font-size: medium;
        }
        .style2
        {
            font-family: Mistral;
            color: #000000;
        }
        .style3
        {
            font-family: Mistral;
            font-size: xx-large;
            color: #000000;
        }
        .style4
        {
            font-family: Mistral;
            font-size: x-large;
            color: #000000;
        }
        a:link
        {
            color: blue;
            text-decoration: underline;
            text-underline: single;
        }
        .style5
        {
            text-align: right;
            width: 160px;
            color: #000000;
        }
        .style6
        {
            font-family: ADMUI3Sm;
            color: #000000;
            font-size: medium;
        }
        .style7
        {
            font-family: Mistral;
            font-size: large;
            color: #000000;
        }
        .style9
        {
            font-family: "Times New Roman" , Times, serif;
            font-size: medium;
            color: #000000;
        }
        .style10
        {
            font-size: large;
            color: #000000;
        }
    </style>
    
     <script language="javascript" type="text/javascript">
    Claim = function(_ID,_PopUp){
        Close();
        if(_PopUp == 0){
            $('<%=hidClaimID.ClientID %>').value = _ID;
            $('<%=btnClaim.ClientID %>').click();
        }
        else
        {
            $('ifModal').src = '<%=ResolveUrl("~/mugorpen.aspx") %>?_ID='+_ID;
            $('ifModal').style.height = "100px";
            $('progressBackgroundFilter').style.display="";
            $('progressBackgroundNotFilter').style.display = "";
            $('progressBackgroundNotFilter').style.height = "100px";
        }
    };
    Select = function(_Type,_ID){
        Close();
        $('<%=hidClaimID.ClientID %>').value = _ID;
        $('<%=btnClaim.ClientID %>').click();
    };
    Close = function(){
        $('progressBackgroundFilter').style.display="none";
        $('progressBackgroundNotFilter').style.display = "none";
    };
    Profile = function(_ID,_PopUp){
        var total = <%=total %>
        if(total > _ID){
            $('ifModal').src = '<%=ResolveUrl("~/Profile.aspx") %>?_ID='+_ID+'&_PopUp='+_PopUp;
            $('ifModal').style.height = "320px";
            $('progressBackgroundFilter').style.display="";
            $('progressBackgroundNotFilter').style.display = "";
            $('progressBackgroundNotFilter').style.height = "320px";
        }
    };
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr height="129">
            <td width="50">
            </td>
            <td align="center" style="background-image: url('../images/GigitiMainSearchBG.jpg');
                background-position: center; background-repeat: no-repeat;">
                <a href="Default.aspx">
                    <div title="Gigiti" style="cursor: pointer; width: 120px; height: 90px; position: absolute;
                        top: 15px;">
                    </div>
                </a><span style="margin-left: 34px;">Your Gigiti</span>
                <br />
                <span style="font-size: 21px; margin-left: 34px;">See how close you stand to your prize!</span>
            </td>
            <td width="50">
            </td>
        </tr>
        <tr>
            <td width="50">
            </td>
            <td style="min-height: 200px;">
                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td style="height: 255px; width: 206px;">
                            <div class="style1">
                                <b>To earn <span class="style2">POINTS</span> and <span class="style2">PRIZES</span>
                                    all you need to do is:</b><br />
                                <br />
                                1 point for every comment<br />
                                10 points for every person you refer (coming soon)<br />
                                1 point for every five searches
                                <br />
                                <br />
                                <span class="style6">Please allow 4 to 8 weeks for delivery</span></div>
                        </td>
                        <td>
                            <div align="center">
                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                    <tr>
                                        <td align="right" width="200">
                                            <span class="style4">Your Points</span>
                                        </td>
                                        <td width="170" valign="middle">
                                            <div style="background-image: url('../images/YourGigitiBall.jpg'); background-position: center;
                                                background-repeat: no-repeat; height: 166px; width: 170px;" align="center">
                                                <asp:Literal ID="litTotalPoints" runat="server">0</asp:Literal>
                                            </div>
                                        </td>
                                        <td>
                                            <asp:Literal ID="litUsername" runat="server">Guest</asp:Literal>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" height="200">
                            <div style="float: left; padding-top: 25px;">
                                <span class="style7">
                                    <br />
                                    Progression of Prizes:
                                    <br />
                                </span><span class="style9">(mouse-over prize for
                                    <br />
                                    more info) </span>
                            </div>
                            <div style="float: right; margin-top: 0px;">
                                <asp:Literal ID="litPrizes" runat="server"></asp:Literal><span style="padding-right: 20px;">&nbsp;</span>

                                <script src="../Javascript/boxover.js" type="text/javascript"></script>

                                <asp:Button ID="btnClaim" runat="server" Text="Button" Style="display: none;" />
                                <asp:HiddenField ID="hidClaimID" runat="server" />
                            </div>
                        </td>
                    </tr>
                </table>
            </td>
            <td width="50">
            </td>
        </tr>
        <tr height="50">
            <td width="50">
            </td>
            <td align="center">
                <uc1:footer ID="footer1" runat="server" />
            </td>
            <td width="50">
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
